$(document).ready(function(){
	
	renderDataTable();
	
	$('#inputUserId').focus();
	
	$("#inputUserId").keypress(function (event) {
		if (event.which != 8 && event.which != 0 && (event.which < 48 || event.which > 57)) {
	       return false;
	    }
	});
});

//function load data
function renderDataTable(){
	
	$('#userDataTable').DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
        searching: true,
        "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '1%', "bSortable": false},
		                {"sTitle": "รหัสพนักงาน", sClass: "alignCenter", sWidth: '7%'},
		                {"sTitle": "ชื่อ-นามสกุล", sClass: "text-left", sWidth: '13%'},
		                {"sTitle": "ตำแหน่ง", sClass: "text-left", sWidth: '9%'},
		                {"sTitle": "โทร", sClass: "alignCenter", sWidth: '8%'},
		                {"sTitle": "สถานะ", sClass: "alignCenter", sWidth: '8%', "bSortable": false},
		                {"sTitle": "รายละเอียด", sClass: "alignCenter table-action", sWidth: '4%', "bSortable": false,
		                "mRender": function ( data, type, full) { 
		                		return  '<i class="fa fa-wrench" title="แก้ไขข้อมูล" id="editButton" onclick="editData(\''
								+ full[1]
								+ '\');"></i> '
								+ '<i class="fa fa-trash-o" title="ลบข้อมูล" onclick="confirmDeleteData(\''
								+ full[1]
								+ '\',\'' 
								+ full[2] 
		                		+ '\',\'' 
								+ full[3] 
		                		+ '\');"></i>';
		                	} 
		                }
		               ],
		        "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า  
		       	"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		       	"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		       	"bScrollCollapse": true,
		       	"aLengthMenu": [
		       		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		       		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		       		 ],
		        //"iDeferLoading": 11	, 
		        "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		        "bServerSide" : true,
				"sDom" : 'Rlfrtip',
				"sAjaxSource": "CS83002Srvl?process_type=getDataTable",
		        "drawCallback" : function(settings) {
		        	
				}
	});
}

//เมื่อกดปุ่ม Enter
function Enter(e) {
	if (e.keyCode == 13) {
		searchUser();
	  return false;  
	}
};

//Function ค้นหา User
function searchUser() {
	
	var userId = "";
	var userFName = "";
	if ($("#inputUserId").val() == "") {
		userId = "";
	} else {
		userId = $("#inputUserId").val();
	}
	if ($("#inputUserFName").val() == "") {
		userFName = "";
	} else {
		userFName = $("#inputUserFName").val();
	}
	if ($("#inputUserId").val() == "" && $("#inputUserFName").val() == "") {
		$("#checkMessage").text("กรุณากรอกเงื่อนไขการค้นหา");
		$("#checkDataModal").modal();
	} else {
		// set value Condition
		$('#userDataTable').DataTable().column(0).search(userId);
		$('#userDataTable').DataTable().column(1).search(userFName);
		$('#userDataTable').DataTable().draw();
	}
}

function editData(userId){
	$("#userId").val(userId);
	document.getElementById("editData").submit();
}

function confirmDeleteData(userId, fullName, userPosition){
	var table = $('#userDataTable').DataTable();
	$('#userDataTable').on('click', function() {
		if ($(this).hasClass('selected')) {
			$(this).removeClass('selected');
		} else {
			table.$('selected').removeClass('selected');
			$(this).addClass('selected');
		}
	});

	$("#dataDelete").val(userId);

	document.getElementById("modal_content_confirmModal").innerHTML = "คุณต้องการลบข้อมูลผู้ใช้ระบบ : "
			+ userId
			+ "<br>"
			+ "ชื่อ - นามสกุล : "
			+ fullName
			+ "<br>"
			+ "ตำแหน่ง : " + userPosition;
	$('#confirmModal').modal();
}

function deleteData() {
	var userId = $("#dataDelete").val(); // รหัส
	$.ajax({
		type : 'POST',
		url : "CS83002Srvl",
		data : {
			process_type : "deleteData",
			userId : userId,
			url_address:$("#url_address").val(),
			agent_browser:$("#agent_browser").val()
		},
		success : function(data) {
			if (data == "delete_sucess") {
				$('#confirmModal').modal('hide');
				document.getElementById("modal_content_successModal").innerHTML = "ลบข้อมูลผู้ใช้งานระบบเรียบร้อย";
				$('#successModal').modal();
			} else {
				document.getElementById("modal_content_errorModal").innerHTML = "ลบข้อมูลผิดพลาด";
				$('#errorModal').modal();
			}
		}
	});
}

//Function ปิด Popup ค้นหา
function getFocus(){
	$(".close").trigger('click');
	$('#inputUserId').focus();
	//clearScreen();
}
